<template>
  <div class="icon-tips">
    <div class="icon-tips-bottom flex-between">
      <div class="icon-tips-bottom-item flex-center">
        <span class="iconfont icon-aixin icon_span"></span>
        <span>{{$t('HomeTipsText1')}}</span>
      </div>
      <div class="icon-tips-bottom-item flex-center">
        <span class="iconfont icon-control-backward icon_span"></span>
        <span>{{$t('HomeTipsText2')}}</span></div>
      <div class="icon-tips-bottom-item flex-center">
        <span class="iconfont icon-yunfei icon_span"></span>
        <span>{{$t('HomeTipsText3')}}</span>
      </div>
      <div class="icon-tips-bottom-item flex-center">
        <span class="iconfont icon-qianbao icon_span"></span>
        <span>{{$t('HomeTipsText4')}}</span>
      </div>
    </div>
  </div>
</template>
<style scoped lang="scss">
.icon-tips-bottom {
  max-width: 957px;
  margin: 52px auto 107px;
}

.icon-tips-bottom-item {
  flex-direction: column;
}
.icon-tips .icon_span {
  font-size: 58px;
  color: var(--color-main);
}
.icon-tips-bottom span {
  font-weight: 500;
  font-size: 12px;
  margin-top: 15px;
}
.icon-tips-bottom span {
  font-weight: 500;
  font-size: 12px;
  margin-top: 15px;
}
</style>